@mixin ejectList($listNum: 3, $bg: #f4f4f4) {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: stretch;

	.row {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		background-color: #ffffff;
		min-height: 90rpx;
		font-size: 24rpx;
		line-height: 1;
		font-weight: 500;
		color: #333333;
		font-family: 'PingFang SC';
		&:nth-child(2n-1) {
			background-color: $bg;
		}
		&.tabTitle {
			min-height: 70rpx;
			font-size: $uni-font-size-base;
		}
		.item {
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			text-align: center;
			width: calc(100% / #{$listNum});
			min-width: calc(100% / #{$listNum});
			flex-wrap: nowrap;
			&.blue {
				color: #00a0e9;
				font-weight: 700;
			}
		}
	}
}
@mixin titleWar() {
	line-height: 1;
	font-size: 32rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: #7b8e96;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
	padding: 45rpx 67rpx;
	.right {
		color: #a4d7ee;
		font-size: 40rpx;
	}
}
@mixin aReport($w: 280) {
	/* ----------------------土壤监测 - 基本---------------------- */
	.basic {
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: stretch;
		padding: 0 30rpx;
		box-sizing: border-box;
		// background-color: #e8f0f6;
	}
	/* ----------------------土壤监测 - 第一格式---------------------- */
	.one {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		min-height: 100rpx;
		padding: 40rpx 11rpx 35rpx 11rpx;
		box-sizing: border-box;
		flex-wrap: wrap;

		.left {
			flex: 1;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: flex-start;
		}
		.right {
			width: #{$w}rpx;
			min-width: #{$w}rpx;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: flex-start;
			.rLabel {
			}
			.rImage {
				width: 51rpx;
				height: 51rpx;
				margin-left: 31rpx;
			}
		}
	}
	/* ----------------------土壤监测 - 第二格式---------------------- */
	.tow {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: stretch;
		min-height: 166rpx;
		padding: 40rpx 11rpx;
		box-sizing: border-box;
		.item {
			width: 100%;
			display: flex;
			flex-direction: row;
			justify-content: flex-start;
			align-items: center;
			line-height: 1;
			box-sizing: border-box;
			margin-bottom: 34rpx;
			&:last-child {
				margin-bottom: 0;
			}
		}
	}
	/* ----------------------土壤监测 - 第三格式---------------------- */
	.three {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		min-height: 100rpx;
		padding: 40rpx 11rpx 35rpx 11rpx;
		box-sizing: border-box;
		flex-wrap: wrap;
		.item {
			width: 50%;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: flex-start;
			margin-top: 33rpx;
			&:nth-child(2n) {
				width: #{$w}rpx;
				min-width: #{$w}rpx;
				display: flex;
				flex-direction: row;
				align-items: center;
				justify-content: flex-start;
			}

			&:nth-child(1) {
				margin-top: 0;
			}

			&:nth-child(2) {
				margin-top: 0;
			}
		}
	}
	/* ----------------------土壤监测 - 第四格式---------------------- */
	.four {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		min-height: 258rpx;
		padding: 0 0 80rpx 0;
		box-sizing: border-box;
		flex-wrap: wrap;
		.item {
			width: 33.3333333%;
			min-width: 33.333333%;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: center;
			margin-top: 50rpx;
			&:nth-child(1) {
				margin: 0;
			}
			&:nth-child(2) {
				margin: 0;
			}
			&:nth-child(3) {
				margin: 0;
			}
		}
		.icons {
			width: 32rpx;
			height: 32rpx;
			font-size: 32rpx;
			line-height: 1;
			margin-left: 25rpx;
			color: #ff9d03;
		}
	}

	.wsp {
		white-space: pre !important;
	}
}
@mixin chartsBase {
	.titleWar {
		position: relative;
		box-sizing: border-box;
		padding: 41rpx 54rpx;
		font-size: 36rpx;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 1;
		color: #333333;
		&::after {
			position: absolute;
			left: 30rpx;
			top: 50%;
			content: '';
			width: 6rpx;
			height: 38rpx;
			background-color: #00a0e9;
			transform: translateY(-50%);
		}
	}
}
/* ----------------------监测 - 基本label---------------------- */
.baseFontLabel {
	font-size: $uni-font-size-base;
	line-height: 1;
	font-family: PingFang SC;
	font-weight: 500;
	color: #333333;
}
/* ----------------------监测 - 基本value---------------------- */
.baseFontValue {
	font-size: $uni-font-size-base;
	line-height: 1;
	font-family: PingFang SC;
	font-weight: 700;
	color: #00a0e9;
	// margin-left: 10rpx;
}
/* ----------------------线1---------------------- */
.borderB1 {
	border-bottom: 1rpx solid #e5e5e5;
}
/* ----------------------线20---------------------- */
.borderB20 {
	border-bottom: 20rpx solid #f4f4f4;
}
/* ----------------------土壤监测 - 空格起作用---------------------- */
.wsp {
	white-space: pre;
}
/* ----------------------土壤监测 - 六边形---------------------- */
.hexagon {
	width: 47rpx;
	height: 54rpx;
	padding: 13rpx 0;
	box-sizing: border-box;
	text-align: center;
	position: relative;
	background-color: transparent;
	&.excellent {
		.text {
			background-color: #13b5b1;
			&::after {
				background-color: #13b5b1;
			}
			&::before {
				background-color: #13b5b1;
			}
		}
	}
	&.good {
		.text {
			background-color: #80c269;
			&::after {
				background-color: #80c269;
			}
			&::before {
				background-color: #80c269;
			}
		}
	}
	&.in {
		.text {
			background-color: #d8d17d;
			&::after {
				background-color: #d8d17d;
			}
			&::before {
				background-color: #d8d17d;
			}
		}
	}
	&.difference {
		.text {
			background-color: #ec6941;
			&::after {
				background-color: #ec6941;
			}
			&::before {
				background-color: #ec6941;
			}
		}
	}
	.text {
		width: 47rpx;
		z-index: 2;
		position: relative;
		text-align: center;
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #ffffff;
		line-height: 1;
		&::after {
			content: '';
			position: absolute;
			width: 47rpx;
			height: 29rpx;
			top: 50%;
			left: 50%;
			transform: rotatez(300deg) translate(-50%, -50%);
			transform-origin: 0 0;
			z-index: -1;
		}
		&::before {
			content: '';
			position: absolute;
			width: 47rpx;
			height: 29rpx;
			top: 50%;
			left: 50%;
			transform: rotatez(-300deg) translate(-50%, -50%);
			transform-origin: 0 0;
			z-index: -1;
		}
	}
}
